<template>
  <div>
    <h1>Header</h1>
    {{ price }}
    <hr />
  </div>
</template>

<script>
  export default {
    name: "Header",
    data() {
      return {
        price: 10,
      };
    },
    // 在接收数据的地方的初始化中(mounted)中,给$bus绑定自定义事件,事件函数在当前组件内部
    // mounted() {
    //   this.$bus.$on("changePrice", this.fnchangePrice);
    // },
    // methods: {
    //   fnchangePrice(data) {
    //     this.price += data;
    //   },
    // },
    // mounted() {
    //   this.$bus.$on("changePrice", this.fnchangePrice);
    // },
    // methods: {
    //   fnchangePrice(value) {
    //     this.price += value;
    //   },
    // },
    mounted() {
      this.$bus.$on("changePrice", this.fnchangePrice);
    },
    methods: {
      fnchangePrice(value) {
        this.price += value;
      },
    },
  };
</script>

<style></style>
